<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>杨o00o子 的站外好友 － 逛，发现喜欢</title>
    <meta name="keywords" content="杨o00o子 分享的宝贝,逛,逛网,逛逛,逛街,guang"/>

    <meta name="description" content="杨o00o子 的站外好友"/>
    <link rel="icon" href="favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
    <link href="css/ui/base.css?<?php echo $css_js_version; ?>" rel="stylesheet" type="text/css"/>
    <link href="css/ui/global.css?<?php echo $css_js_version; ?>" rel="stylesheet" type="text/css"/>
    <link href="css/ui/snsfriend.css?<?php echo $css_js_version; ?>" rel="stylesheet" type="text/css"/>
</head>
<body id="J_Page">
<!--header-->
<div class="header" id="header">
    <div class="m-head">
        <div class="layout960 clearfix">
            <h1 class="g-logo">
                <a href="http://guang.com">逛，发现喜欢</a>
            </h1>
            <a class="iphoe-app" href="http://m.guang.com" title="逛 手机版">逛 手机版</a>

            <form method="get" action="/s/">
                <div class="g-slogan">
                    <input id="J_SearchKeyword" type="text" class="fl search-input-keyword" maxlength="50" name="k" value="懒得逛了，我搜～" autocomplete="off"/>
                    <a id="J_SearchBarSubmit" class="header-search-button fl" title="搜索"></a>
                </div>
            </form>
        </div>
    </div>
    <div class="m-nav">
        <div class="layout960 clearfix pos-r">
            <ul class="channel clearfix">
                <li class="first"><a class="" href="/">首页</a></li>
                <li>
                    <dl class="clearfix">
                        <dt><a class="" href="/xihuan">发现</a></dt>
                        <dd><a class="" href="/xihuan/gallery/美容美体">美容美体</a></dd>
                        <dd><a class="" href="/xihuan/gallery/母婴家庭">母婴家庭</a></dd>
                        <dd><a class="" href="/xihuan/gallery/美食健康">美食健康</a></dd>
                        <dd><a class="" href="/xihuan/gallery/居家生活">居家生活</a></dd>
                    </dl>
                </li>
                <li>
                    <dl class="clearfix">
                        <dt><a class="" href="/square">广场</a></dt>
                        <dd><a class="" href="/square/bar">讨论吧</a></dd>
                        <dd class="pos-ie" id="feeds-xiaoxi"><a class="" href="/f">好友逛</a></dd>
                    </dl>
                </li>
                <li>
                    <a class="" href="/jie">主题</a>
                </li>
                <li class="last">
                    <a class="" href="/pinpai">品牌</a>
                </li>
            </ul>
            <a class="header-nav-search fr" title="搜索"></a>
            <a rel="signIn" class="btn-signIn fr" href="javascript:;">签到</a>

            <div class="shareIt fr">
                <a class="btn-sg" href="javascript:;">+ 分享好东西</a>
                <ul class="dropdown shareit-dropdown">
                    <li class="sg-li"><a rel="shareGoods" href="javascript:;" class="hd-share-goods">发布宝贝</a></li>
                    <li><a href="/u/topic/create" rel="nofollow" class="hd-create-topic">创作主题</a></li>
                </ul>
            </div>
            <div class="xiaoxi-box fr clearfix">
                <a rel="xiaoxi" class="xiaoxi fl" href="javascript:;">消息<span class="arrow-dn"></span></a>
                <ul class="dropdown xiaoxi-dropdown">
                    <li><a href="/u/1254327/fans">查看我的粉丝</a></li>
                    <li><a href="/xiaoxi/comment">查看评论我的</a></li>
                    <li><a href="/xiaoxi/reply">查看回复我的</a></li>
                    <li><a href="/xiaoxi/at">查看@我的</a></li>
                    <li><a href="/xiaoxi/appraisal">查看我的求鉴定</a></li>
                    <li class="last"><a href="/xiaoxi/system">查看通知</a></li>
                </ul>
            </div>
            <div class="person fr clearfix">
                <a class="gohome" href="/u/1254327">
			<span class="userPhoto">
																<img src="http://img.guang.com/user/27/43/125/1254327_71931134723771254327_30x30.jpg" alt="杨o00o子"/>
						</span>杨o00o子<span class="arrow-dn"></span></a>
                <ul class="dropdown set-dropdown">
                    <li><a href="/u/1254327">我的主页</a></li>
                    <li><a href="/account/basic">帐号设置</a></li>
                    <li><a href="/account/invitation"><span class="rc">邀请好友</span></a></li>
                    <li class="last"><a href="/logout">退出</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div id="wrap">
    <div id="container">
        <div class="content clearfix">
            <div class="side-nav">
                <ul>
                    <li>
                        <a class="i-sina " href="/snsfriend?pageNo=1&siteType=sina">新浪微博好友</a>
                    </li>
                    <li>
                        <a class="i-tencent  on " href="/snsfriend?pageNo=1&siteType=tec_weibo">腾讯微博好友</a>
                    </li>

                </ul>
            </div>
            <div class="main-content">
                <p class="friends-tip">共有位社区好友：</p>
                <ul class="interPer clearfix" id="J_InterPer" style="display:none;">
                </ul>
                <div class="clearfix pt20 pb20">
                    <span class="fl pt5 gc6"><input type="checkbox" id="J_allselect"/>&nbsp;全选</span>
                    <a href="javascript:;" class="follow-btn-big ml20" id="J_Nf-allfollow">加关注</a>

                    <div class="pagin fr pagination" id="J_Pagination"></div>
                </div>
            </div>
        </div>
    </div>
    <!--container end-->
</div>
<div class="footer" id="footer">
    <a class="guangLink" href="http://guang.com/"></a>

    <div class="footer-nav clearfix">
        <dl class="about">
            <dt>关于我们</dt>
            <dd><a href="http://guang.com/aboutus" target="_blank">关于逛</a></dd>
            <dd><a href="http://blog.guang.com/joinus/" target="_blank">加入我们</a></dd>
            <dd><a href="http://guang.com/contact" target="_blank">合作联系</a></dd>
            <dd><a href="/sitemap" target="_blank">网站地图</a></dd>
            <dd><a href="http://site.douban.com/widget/board/5901738/" target="_blank">提建议</a></dd>
        </dl>
        <dl class="followus">
            <dt>关注我们</dt>
            <dd><a class="f-Qzone" href="http://user.qzone.qq.com/2408899511" rel="nofollow" target="_blank">QQ空间</a>
            </dd>
            <dd><a class="f-sina" href="http://weibo.com/guang" rel="nofollow" target="_blank">新浪微博</a></dd>
            <dd><a class="f-tencent" href="http://t.qq.com/iguang2011" rel="nofollow" target="_blank">腾讯微博</a></dd>
            <dd><a class="f-douban" href="http://site.douban.com/134349/" rel="nofollow" target="_blank">豆瓣</a></dd>
        </dl>
        <dl class="friendlinks">
            <dt>发现喜欢</dt>
            <dd><a href="http://guang.com/xihuan/gallery/美容美体" target="_blank">美容美体</a></dd>
            <dd><a href="http://guang.com/xihuan/gallery/母婴家庭" target="_blank">母婴家庭</a></dd>
            <dd><a href="http://guang.com/xihuan/gallery/旅行美食" target="_blank">旅行美食</a></dd>
            <dd><a href="http://guang.com/xihuan/gallery/宠物爱好" target="_blank">宠物爱好</a></dd>
            <dd><a href="http://guang.com/xihuan/gallery/居家生活" target="_blank">居家生活</a></dd>
            <dd><a href="http://guang.com/xihuan/gallery/运动健康" target="_blank">运动健康</a></dd>
            <dd><a href="http://guang.com/xihuan/cag/配饰" target="_blank">配饰</a></dd>
            <dd><a href="http://guang.com/xihuan/cag/数码" target="_blank">数码</a></dd>
        </dl>
        <dl class="how">
            <dt>爱上逛</dt>
            <dd><a href="http://guang.com/xihuan" target="_blank">女人爱逛</a></dd>
            <dd><a href="http://guang.com/jie" target="_blank">主题街</a></dd>
            <dd><a href="http://guang.com/f" target="_blank">好友爱逛</a></dd>
            <dd><a href="http://guang.com/pinpai" target="_blank">品牌大全</a></dd>
        </dl>
    </div>
    <p class="cp">Copyright ©2011-2012 Guang.com, All Rights Reserved. 浙ICP备11008561-3</p>
</div>
<a id="returnTop" href="javascript:;">回到顶部</a>
<script type="text/javascript">
    var photo = "user/27/43/125/1254327_31114747311681254327_50x50.jpg";
    if (photo == "") {
        photo = "http://static.guang.com/images/user/photo/avatar-50.png";
    } else {
        photo = "http://img.guang.com/" + photo;
    }
    GUANGER = {
        staticVersion:"2012082505",
        userId:"1254327",
        userPhoto:photo,
        nick:"杨o00o子",
        path:"",
        isBlack:"false",
        checkInTotalScore:"",
        checkInDays:"",
        referer:"guang.com",
        login:"",
        level:"normal"
    }

    //baidu统计代码
    var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
    document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F24b03984b53f51c5480eebe325ad696e' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript" src="http://static.guang.com/js/front/seajs/1.2.1/sea.js" id="seajsnode"></script>

<script type="text/javascript">
    seajs.use('app/init', function (init) {
        init.load('app/profile,module/jquery.pagination');
        var $ = jQuery;
        var items_per_page = 9;
        var zhanwaiLis = $("#J_InterPer li.zhanwai");
        var zhanneiLis = $("#J_InterPer li.zhannei");
        var zhanneinofollowLis = zhanneiLis.has(".follow-btn");
        var zhanneifollowedLis = zhanneiLis.has(".followed-btn");
        var allLis = zhanneinofollowLis.add(zhanwaiLis).add(zhanneifollowedLis.clone());
        var zhanwaiFollowBtns = $(".zhanwai-btn");
        var interPer = $("#J_InterPer");
        var interPerLis = null;
        var allselect = $("#J_allselect");
        var allfollow = $("#J_Nf-allfollow");
        var showPage = function (cur) {
            var curLis = allLis.slice(cur * items_per_page, (cur + 1) * items_per_page);
            interPerLis = curLis;
            interPer.html(interPerLis).show();
        }
        var xiaolaba = function (lis) {
            var sinaName = "";
            var renrenName = "";
            var tencentName = "";
            var snsName = "";
            if ("tec_weibo" == "sina") {
                snsName = sinaName
            }
            if ("tec_weibo" == "tec_weibo") {
                snsName = tencentName
            }
            if ("tec_weibo" == "renren") {
                snsName = renrenName
            }
            var snsContent = "@" + snsName + " 已经在逛上关注你啦，快来看看吧！http://guang.com/";
            for (var i = 0; i < lis.length; i++) {
                var friendname = lis.eq(i).data("snsname")
                if (friendname) {
                    snsContent += " @" + friendname;
                }
            }
            $.ajax({
                url:GUANGER.path + "/xiaolaba",
                type:"post",
                dataType:"json",
                data:{
                    siteType:"tec_weibo",
                    content:snsContent,
                    imageUrl:"http://static.guang.com/img/snsImages.jpg"
                },
                success:function (data) {

                }
            });
        }
        zhanwaiFollowBtns.live("click", function () {
            xiaolaba($(this).parents("li"));
            $(this).after("<div class='followed-btn'>已关注</div>");
            $(this).remove();
        })
        allselect.bind("click", function () {
            var checkboxs = interPerLis.find("input");
            for (var i = 0; i < checkboxs.length; i++) {
                checkboxs[i].checked = this.checked;
            }
        })
        allfollow.bind("click", function () {
            var selectedLis = interPerLis.has("input:checked");
            var zhannei_selectedBtns = selectedLis.filter(".zhannei").find(".follow-btn");
            var zhanwai_selectedBtns = selectedLis.filter(".zhanwai").find(".follow-btn");
            var xiaolabaLis = selectedLis.has(".follow-btn");
            if (zhannei_selectedBtns.length > 0) {
                function doClick(dom) {
                    if (document.all) {
                        dom.click();
                    }
                    else {
                        var evt = document.createEvent("MouseEvents");
                        evt.initEvent("click", true, true);
                        dom.dispatchEvent(evt);
                    }
                }

                for (var i = 0; i < zhannei_selectedBtns.length; i++) {
                    doClick(zhannei_selectedBtns[i]);
                }
            }
            zhanwai_selectedBtns.after("<div class='followed-btn'>已关注</div>").remove();
            xiaolaba(xiaolabaLis);
        })
        seajs.use('module/jquery.pagination', function (init) {
            var pageselectCallback = function (page_index, jq) {
                allselect[0].checked = false;
                var checkboxs = interPerLis.find("input");
                for (var i = 0; i < checkboxs.length; i++) {
                    checkboxs[i].checked = false;
                }
                showPage(page_index);
                return false;
            }
            var page = $("#J_Pagination");
            var totalCount = allLis.length;
            var curPage = 0;
            var initPagination = function () {
                // 创建分页
                page.pagination(totalCount, {
                    num_edge_entries:2, //两侧显示的首尾分页的条目数
                    num_display_entries:4, //连续分页主体部分显示的分页条目数
                    callback:pageselectCallback, //回调函数
                    items_per_page:items_per_page,
                    callback_run:false,
                    current_page:curPage
                });
            }
            initPagination();
            showPage(0);
        })
    })
</script>
</body>
</html>